/*ADMIN-VIETVO-vcqviet@gmail.com*/
@charset "UTF-8";
body{
	padding:0px;
	margin:0px;
	width:100%;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;	
	background:#fff;
	font-size: 12px;
	line-height:18px;
}
div.error{
	color:#f00;
	text-align: right;
	font-size: 11px;
}
span.new-tip{
	background: url(img/icon-new-small.png) no-repeat;
	width:30px;
	height:17px;
	display: inline-block;
	position: absolute;
	z-index: 1;
	
margin-top: -10px;
margin-left: -7px;
}
a{
	text-decoration:none;
	color:#333;
	border:none;
}
a:hover, a.-active{
	text-decoration:none;
	color:#ffc519;
}
a.more{
	float:right;
	display: inline-block;
	background: url(img/button-double-arrow-yellow.png) right 12px no-repeat;
	color: #ffc519;
	padding: 5px 10px 5px 10px;
}
form{
	padding:0px;
	margin:0px;
}
img{
	border:none;
}
img.captcha{
	width:90px;
	margin-bottom: -8px;
}
img.adv{
	width: 268px;
}
img.adv-large{
	width: 398px;
}
span.error{
	color:#f00;
	vertical-align: top;
	position: absolute;
	margin-left: 20px;
}
td {
			border-color: #ccc;
		}
div.adv-item{
	margin-bottom: 10px;
}
div.frm-item > input.captcha, input.captcha{
	width:80px;
}
input, select, textarea{
	outline-color: #99ffff;
	border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border:1px solid #e5e5e5;
}
input, textarea{
	padding:3px 5px;
}

select{
	padding:3px;
}
.clr{
	clear:both;
}
.spacing-left{
	margin-left: 20px;
}
.spacing-right{
	margin-right: 20px;
}
.spacing-top{
	margin-top: 20px;
}
.spacing-bottom{
	margin-bottom: 20px;
}
.padding-content{
	padding:20px;
}
div.sub-title{
	background: url(img/arrow-yellow.png) left center no-repeat;
	padding: 5px 5px 3px 20px;
	color: #143469;
	font-weight: bold;
}
div.title-arrow{
	background: url(img/line-horizal.png) left bottom repeat-x;
	text-transform: uppercase;
	padding: 0px;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	color: #143469;
}
div.title-spacing-bottom{
	margin-bottom:10px;
}
div.title-arrow > span{
	background: url(img/arrow-yellow.png) left center no-repeat;
	display: inline-block;
	padding-left: 10px;
	font-weight: bold;
	color: #143469;
}
div.title-arrow-none > span{
	background: none;
	padding-left: 0px;
}
a.button{
	background: url(img/button-double-arrow.png) right 12px no-repeat #ffc519;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	padding:5px 20px 5px 10px;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
a.button-right{
	float:right;
	display: inline-block;
}
div#page-loading{
	position: absolute;
	padding:5px 10px 5px 20px;
	right: 10px;
	top:0px;
	color:#fff;
	z-index: 99999;
	background: url(img/ajax-loader.gif) left center no-repeat;
	display: none;
}
/*=============================================================================================================*/
.tooltip {
	display:none;
	background:#fff;
	height:120px;
	padding:10px;
	width:300px;
	font-size:12px;
	color:#333;
	border:1px solid #ccc;
	text-align: justify;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:160px 0px 0px 220px;
	box-shadow: 3px 3px 2px #888888;
	z-index: 10;
}
.tooltip  div.title{
	font-weight: bold;
	padding-bottom:10px;
}
.tooltip  div.content{
	height:90px;
	overflow:hidden;
}
/*=============================================================================================================*/
div.box{
	margin-bottom:10px;
}
div.box > div.title{
	background: url(img/line-title-41.png) repeat-x;
	height:17px;
	border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	color:#143469;
	padding:12px 10px;
	text-transform: uppercase;
	font-weight: bold;
}
div.box > div.content{
	padding:5px;
	border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border:1px solid #e5e5e5;
	min-height:30px;
	background: #fff;
}
div.daily-content{
	padding-top:10px;
}

/*=============================================================================================================*/
/*MENU PAGE*/
div#menu-top-page{
	background: #143469;
	text-align: left;
	color:#fff;
	position: fixed;
	width:100%;
	z-index:99999;
	top:0px;
}
div#menu-top-page a{
	color:#fff;
	display: inline-block;
	padding:5px 5px;
}
div#menu-top-page a:hover,
div#menu-top-page a.-active{
	color:#ffc519;
}

/*=============================================================================================================*/
/*PAGE-TOP*/
#page-inner{
	width:1000px;
	margin:0px auto;
}

#page-top{
	padding:20px 0px;
	/*background: url(img/top-bg.png) top left repeat-x;*/
	background: #f7f7f7;
	margin-top: 29px;
}
#page-top #logo{
	background: url(img/logo-144x96.png) top left no-repeat;
	height:96px;
	width:144px;
	float: left;
}
#page-top #logo a{
	height:96px;
	width:144px;
	display: inline-block;
}
#page-top #top-right{
	float: right;
	width:650px;
	text-align: right;
}
#page-top #top-right .menu-top{
	margin:0px 0px 55px 0px;
}
#page-top #top-right .menu-top-bottom{
	padding:5px 0px 0px 0px;
	color: #143469;
}
#page-top #top-right .menu-top-bottom .top-search{
	border:1px solid #ccc;
	background: url(img/icon-search.png) 220px 4px no-repeat #fff;
	padding:0px 32px 0px 5px;
	display: inline-block;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#page-top #top-right .menu-top-bottom .top-search .a-search{
	display: inline-block;
	width: 30px;
	height: 25px;
	position: absolute;
	z-index: 999;
	margin-top: -27px;
}
#page-top #top-right .menu-top-bottom .top-search input{
	border:none;
	width:200px;
	outline: none;
	
}
div.mt78{
	height: 52px;
}

/*=============================================================================================================*/
/*PAGE BODY*/
#page-body{
	padding:10px 0px;
}
#page-menu.fixed{
	position: fixed;
	top: 28px;
	z-index: 9999;
	height: 40px;
	box-shadow: 0px 0px 10px;
}
#page-menu{
	background: url(img/line-horizal.png) top left repeat-x #fff;
	padding:0px;
	height: 50px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	width: 100%;
}
#page-menu a{
	display: inline-block;
	text-decoration: none;
	padding:10px 15px;
	margin:0px;
	color:#666;
	text-transform: uppercase;
	border-radius: 0px 0px 5px 5px;
	-o-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	font-size:13px;
	
}
#page-menu a.-active, #page-menu a:hover{
	color:#fff;
	background: #ffc519;
}
#page-menu a + a{
	
}
#page-menu  a.a-menu-home{
	background: url(img/icon-menu-home-over.png) center center no-repeat;
	width: 35px;
}

#page-menu  a.a-menu-home-active, #page-menu  a.a-menu-home:hover{
	background: url(img/icon-menu-home.png) center center no-repeat #ffc519;
	width: 35px;
}
/*
#page-menu  a.a-menu-period{
	background: url(img/menu-period-white.png) center center no-repeat;
	width:73px;
}
#page-menu  a.a-menu-period-active, #page-menu  a.a-menu-period:hover{
	background: url(img/menu-period-gray.png) center center no-repeat #f7f7f7;
	width:73px;
}
#page-menu  a.a-menu-loan{
	background: url(img/menu-loan-white.png) center center no-repeat;
	width:80px;
}
#page-menu  a.a-menu-loan-active, #page-menu  a.a-menu-loan:hover{
	background: url(img/menu-loan-gray.png) center center no-repeat #f7f7f7;
	width:80px;
}
#page-menu  a.a-menu-card{
	background: url(img/menu-card-white.png) center center no-repeat;
	width:141px;
}
#page-menu  a.a-menu-card-active, #page-menu  a.a-menu-card:hover{
	background: url(img/menu-card-gray.png) center center no-repeat #f7f7f7;
	width:141px;
}
#page-menu  a.a-menu-financial{
	background: url(img/menu-financial-white.png) center center no-repeat;
	width:164px;
}
#page-menu  a.a-menu-financial-active, #page-menu  a.a-menu-financial:hover{
	background: url(img/menu-financial-gray.png) center center no-repeat #f7f7f7;
	width:164px;
}
#page-menu  a.a-menu-insurance{
	background: url(img/menu-insurance-white.png) center center no-repeat;
	width:89px;
}
#page-menu  a.a-menu-insurance-active, #page-menu  a.a-menu-insurance:hover{
	background: url(img/menu-insurance-gray.png) center center no-repeat #f7f7f7;
	width:89px;
}
*/


/*=============================================================================================================*/
/*PAGE FOOTER*/
#page-footer{
	background: url(img/footer-bg.png) repeat-x;
	padding:10px 0px 0px 0px;
}
#page-footer .footer-menu{
	background:url(img/line-point.png) left bottom repeat-x;
	padding:10px 0px;
}
#page-footer .footer-menu{
	text-align: left;
}
#page-footer .footer-menu a{
	padding-right:5px;
}
#page-footer .footer-menu .menu a + a{
	padding-left:5px;
}
#page-footer .footer-content{
	padding:10px 0px;
}
#page-footer .footer-content .logo{
	background: url(img/logo-144x96.png) no-repeat;
	width:144px;
	height: 96px;
	float: left;
}
#page-footer .footer-content .contact-info{
	width:350px;
	float: left;
	margin-left:100px;
	padding:20px 0px 0px 0px;
	text-align: justify;
}
#page-footer .footer-content .advertise-info{
	width:350px;
	float: right;
	padding:20px 0px;
	text-align: justify;
}
#page-footer .footer-copy-right{
	background: #ffc519;
	padding:10px;
	color:#fff;
	text-transform: uppercase;
}

/*=============================================================================================================*/



.box-top-main{
	padding:10px 0px;
}

.box-top-main .content{
	padding:5px 0px 0px 0px;
	text-align: justify;
}

.box-top-second{
	float:left;
	width:490px;
	padding:5px 0px 20px 0px;
}
.box-top-second .title{
	background: url(img/line-horizal.png) left bottom repeat-x;
	text-transform: uppercase;
	padding:5px 2px 5px 0px;	
	display: inline-block;
}
.box-top-second .title a{
	background: url(img/arrow-yellow.png) left center no-repeat;
	display: inline-block;
	padding-left:17px;
	color:#333;
	text-decoration: none;
}
.box-top-second .title a:hover{
	color:#143469;
}
.box-top-second .content{
	padding:5px 0px 0px 0px;
	text-align: justify;
}
.box-top-second.right{
	float:right;
}

/*=============================================================================================================*/
/*PRODUCT*/
div#product{
	margin-top:20px;
}
div#product .product-menu{
	text-transform: uppercase;
	padding:5px 0px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}
div#product .product-menu span{
	display: inline-block;
	height:30px;
	padding:0px 20px 0px 0px;
}
div#product .product-menu span a{
	text-transform: uppercase;
	display: inline-block;
	padding:8px 5px 8px 15px;
	color:#143469;
	text-decoration: none;
	height:14px;
}
div#product .product-menu span.fancy-show,
div#product .product-menu span.reset{
	text-transform: none;
	display: inline-block;
	padding:8px 10px 8px 12px;
	color:#143469;
	text-decoration: none;
	height:14px;
	background: url(img/arrow-down.png) right center no-repeat;
	cursor: pointer;
}
div#product .product-menu span.reset{
	background: none;
	color:#f00;
	
}
div#product .product-menu span.fancy-show:hover,
div#product .product-menu span.reset:hover{
	text-decoration: underline;
}
div#product .product-menu span.fancy-show + span{
	margin-left:10px;
}
div#product .product-menu span.active{
	background: url(img/arrow-logo-blue.png) right center no-repeat;
}
div#product .product-menu span:hover a,
div#product .product-menu span.active a{
	background: #143469;
	color:#fff;
}
div#product .product-menu span.sort-order{
	background: none;
	float: right;
	width:230px;
	padding:0px;
	z-index: 9999;
	text-transform: none;
	text-align: right;
}
div#product .product-menu span.sort-order > select{
	width:150px;
}
div#product .product-menu a + a{
	margin-left:20px;
}
div#product .product-content,
div#loan .loan-content{
	min-height: 252px;
}
div#product .item,
div#loan .item{
	float:left;
	width:325px;
	margin-bottom:20px;
}
div#product .item + .item,
div#loan .item + .item{
	margin-left: 12px;
}
div#product .item img,
div#loan .item img{
	width:325px;
	
}

div#product .item .pro-des,
div#loan .item .pro-des{
	border: 1px solid #e5e5e5;
	padding: 3px 10px 5px 10px;
	margin: -35px 0px 0px 35px;
	position: relative;
	z-index: 999;
	background: #fff;
	display: inline-block;
	width: 230px;
	height: 57px;
	overflow: hidden;
	opacity: 0.9;
}
div#product .item .pro-des > .title,
div#loan .item .pro-des > .title{
	color:#143469;
	display: block;
	text-align: center;
	font-weight: bold;
}
div#product .item .pro-des > .title > span,
div#loan .item .pro-des > .title > span{
	background: url(img/line-horizal.png) left bottom repeat-x;
	height: 20px;
	display: inline-block;
	overflow: hidden;
	padding:0px 5px;
}
div#product .item .pro-des > .title > span > a,
div#loan .item .pro-des > .title > span > a{
	color: #143469;
}
div#product .item .pro-des > .content,
div#loan .item .pro-des > .content{
	display: block;
	text-align: justify;
	height: 28px;
	padding: 5px 0px;
	overflow: hidden;
}
div#tags{
	background: #e5e5e5;
	border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:7px 20px;
}
/*=============================================================================================================*/
/*NIVO*/
div.slide-description{
	border: 1px solid #e5e5e5;
	padding: 5px 10px 7px 10px;
	margin: -50px 0px 0px 104px;
	position: relative;
	z-index: 999;
	background: #fff;
	display: inline-block;
	width: 370px;
	height: 78px;
	overflow: hidden;
}
div.slide-description > .title,
.nivo-caption > .title{
	color:#143469;
	display: block;
	text-align: center;
	font-weight: bold;
}
div.slide-description > .title > span > a,
.nivo-caption > .title > span > a{
	color: #143469;
}
div.slide-description > .title > span,
.nivo-caption > .title > span{
	background: url(img/line-horizal.png) left bottom repeat-x;
	height: 20px;
	display: inline-block;
	overflow: hidden;
	padding: 3px 5px 2px 5px;
}
div.slide-description > .content,
.nivo-caption > .content{
	display: block;
	text-align: justify;
	height: 75px;
	padding: 5px 0px;
	overflow: hidden;
}

/*
div.sub-title{
	background: url(img/line-horizal.png) left bottom repeat-x;
	display: inline-block;
	padding:0px 5px 3px 0px;
	color:#143469;
	font-weight: bold;
	margin-bottom:10px;
}
div.sub-title > span {
	background: url(img/arrow-yellow.png) left center no-repeat;
	display: inline-block;
	padding-left:17px;
	color:#143469;
	text-transform: uppercase;
	
}
div.sub-title > span.close{
	background: url(img/icon-close.png) right center no-repeat;
	padding: 0px 20px 0px 0px;
	cursor: pointer;
	text-transform: none;
	display: inline-block;
	float: right;
	font-weight: normal;
}
div.sub-title-none{
	background: url(img/line-horizal.png) left bottom repeat-x;
	display: inline-block;
	padding:0px 5px 3px 0px;
	color:#143469;
	font-weight: bold;
	margin-bottom:10px;
}
div.sub-title-none > span {
	display: inline-block;
	padding-left:0px;
	color:#143469;
	text-transform: uppercase;
	
}*/


/*=============================================================================================================*/
/*PAGINATION*/
div.pagination{
	display: inline-block;
	float: right;
}
div.pagination > span > a{
	display: inline-block;
	padding:0px 3px;
	text-decoration: none;
	text-align: center;
	color:#333;
	height:15px;
}
div.pagination > span > a.page-current{
	color:#f00;
}
div.pagination > span > a.page-dot{
	font-weight: bold;
	padding:0px 0px;
}
div.pagination > span > a.page-normal:hover{
	color:#f00;
}
div.pagination > span > a + a.page-current, 
div.pagination > span > a + a.page-normal{
	
}
div.pagination > span > a.page-dot + a{
	border-left: none
}

/*=============================================================================================================*/
div.title-arrow > span.close {
	background: url(img/icon-close.png) right center no-repeat;
	padding: 0px 20px 0px 0px;
	cursor: pointer;
	text-transform: none;
	display: inline-block;
	float: right;
	font-weight: normal;
	font-size: 11px;
}
div#product > div.show-filter > div.content > div ul,
div#product > div.content-left > div.show-filter > div.content > div ul{
	display: block;
	padding: 0px;
	margin:0px;
	width:100%;
	float: left;
}
div#product > div.show-filter > div.content > div ul li,
div#product > div.content-left > div.show-filter > div.content > div ul li{
	list-style: none;
	cursor: pointer;
}
div.show-filter{
	position: absolute;
	padding:5px;
	margin:-20px 0px 0px 0px;
	z-index: 9999;
	
}
div#product > div.show-filter > div.content > div,
div#product > div.content-left > div.show-filter > div.content > div{
	min-width:200px;
	border:1px solid #ccc;
	background: #f7f7f7;
	padding:0px;
	overflow: hidden;
}

div.show-filter .content{
	padding:0px 0px;
}
div.show-filter .content li{
	padding:5px 22px 5px 22px;
	margin:0px;
}
div#product > div.show-filter > div.content > div ul li.active,
div#product > div.content-left > div.show-filter > div.content > div ul li.active{
	background: url(img/icon-checked.png) 5px 5px no-repeat #e5e5e5;
}
div.show-filter .content li:hover, 
div.show-filter .content li.active{
	background: #e5e5e5;
}
/*=============================================================================================================*/

/*FAQ*/
div.faq-bound{
	padding:10px;
}
div.item-faq{
	padding:0px 10px 10px 20px;
	margin: 0px 0px 0px 5px;
	background: url(img/icon-docs.png) 0px 3px no-repeat;
}
div.item-faq .question a{
	color: #143469;
	font-weight: bold;
	background: none;
}
div.item-faq .name{
	color: #666;
	font-weight: bold;
}
div.item-faq .name > span{
	color: #999;
	font-style: italic;	
	font-weight: normal;
}
div.item-faq .content{
	text-align: justify;
	max-height: 37px;
	overflow: hidden;
}
div.item-faq a{
	color:#143469;
	display: inline-block;
	padding: 3px 10px 3px 3px;
	background: url(img/button-double-arrow-red.png) center right no-repeat; 
}
div.item-faq a:hover{
 	text-decoration: underline;
}